<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>后台管理</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link href="<%=basePath%>pages/css/bootstrap.css" rel="stylesheet">
    <link href="<%=basePath%>pages/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath%>pages/css/stylesheet.css" rel="stylesheet">
    <link href="<%=basePath%>pages/css/index.css" rel="stylesheet">
    <link href="icon/font-awesome.css" rel="stylesheet">
	<script>
    function getclassname(obj,url){
    	 
		if(document.getElementsByClassName('link_onclick').length==0){
			obj.className='link_onclick';
			obj.id='link_onclick';
			}else{
				var obj1=document.getElementById('link_onclick');
				obj1.className='111';
				obj1.id='1';
				obj.className='link_onclick';
			   obj.id='link_onclick';
			}
			document.getElementById("right").src=url ;
		}
    
    
    
    </script>
    
    <style type="text/css">
    ul.main > li > span{
    	background: rgb(16,53,103);
		color: #cacaca;
		border: none;
		border-bottom: 0px solid #595959;
		line-height: 40px;
		font-size:15px;
		margin-left:8px;
		width:200px;
		height:40px;
		display:block;
    }
    ul.main > li > span:hover{
    	cursor: pointer;
    	background: rgb(16,40,103);
    }
    
    </style>
  </head>
  
  <body>
    <header class="dark_grey">
       <div class="top">
	     <div class="logo" style="margin-top: 15px;">
	    	<h2>个人理财系统</h2>
	    </div>
	     <div class="login">
	    <a href="manage/login"><img src="<%=basePath%>pages/image/login.png"  /></a>
	    </div>
	    <div class="username">
	    ${name}
	    </div>
	    <div class="user">
	    <img src="<%=basePath%>pages/image/user.png" />
	    
	    </div>
	</div>
    </header>

    <div id="main_navigation" class="dark_navigation"> <!-- Main navigation start -->
        <div class="inner_navigation" >

            <ul class="main" >
                <li><a class="expand"  href="dashboard.html"><i class="icon-home"></i>&nbsp;&nbsp;用户管理</a>
                    <ul class="sub_main" style="background-color: #20477C;">
                          <div style=" height:8px; width:100%;"></div>
                          <li><a href="javascript:show('manage/list')" target="right" onClick="getclassname(this)">用户管理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="float:right;font-size:20px;">></font></a></li>
                          <li><a href="权限管理.html" target="right" onClick="getclassname(this)">权限管理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font style="float:right;font-size:20px;">></font></a></li>
                           <div style=" height:8px; width:100%;"></div>
                        
                    </ul>
                </li>
                <li><span onClick="getclassname(this,'payIn/list?userId=${name}')"><i class="icon-tasks"></i>&nbsp;&nbsp;收入管理</span>
                   
                </li>
                <li><span target="right" onClick="getclassname(this,'payOut/list?userId=${name}')"><i class="icon-calendar"></i>&nbsp;&nbsp;支出管理</span></li>
                
                
            </ul>
        </div>
    </div>

    <div id="content" class="no-sidebar">
     	 <iframe id="right" class="inner_navigation1" name="right" src="#" frameborder="0" width="100%" scrolling="auto" height="100%"></iframe>
    </div>
     
 
  </body>
</html>
